html,body{
    padding: 0;
    margin: 0;
    
   
}
.ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
   
}
.ico-label-goods {
    width: 28px;
    height: auto;
}
.ico-label {
 top:0px;
    left:0px;
    position: absolute;
    z-index: 1;
}
body{
    font-family: arial;
    
    min-width: 300px;
    max-width: 640px;
    margin: 0 auto;
    background-color: #f2f2f2; font-size: 14px;
    
    
}
a{
    color: black;
}
.header span{
    display: inline-block;
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url(../image/cart-2.png) no-repeat center center;
    background-size: 24px;
    -webkit-background-size: 24px;

}
.home{
    display: inline-block;
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url(../image/home_top.png) no-repeat center center;
    background-size: 24px;
    -webkit-background-size: 24px;
}
.setting{
    display: inline-block;
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url(../image/setting_top.png) no-repeat center center;
    background-size: 24px;
    -webkit-background-size: 24px;
}
.header{
    background-color: #FF0000;
    text-align: center; color: #fff;
    width: 100%; position: relative;
}
#header h1{
    font-weight:normal
    font-size: 16px;
    height: 44px; line-height: 44px; margin: 0em; color: #fff;
}
#header h1{
    text-align:center;
    -webkit-background-size: 100px 25px; 
    background-size: 100px 25px; 
    font-size: 18px;
}
#header .user{
    position: relative;
}
#header .user a{

    position: absolute; right: 0px; bottom: 0px; color: #fff; display: inline-block;
    width: 60px; height: 40px; line-height: 40px;
}


#nav{
    margin-top: 1px;
    background-color: white;
    width: 100%;
    text-align: center;
}
#nav h5{
    color: white;
}

#nav li a{
    -webkit-background-size: 24px 24px !important;
    background-size: 24px 24px !important;
}
#nav li.act a, #nav a.act{
    color: #FF0000;
} 
#nav .main{
    background: url(../image/102649065503473840.png) no-repeat center 4px;
}
#nav .main.act, #nav li.act .main{
    background: url(../image/758384215784563398.png) no-repeat center 4px;
}
#nav .lottery{
    background: url(../image/605836340995448536.png) no-repeat center 4px;
}
#nav .lottery.act, #nav li.act .lottery{
    background: url(../image/511101370025511421.png) no-repeat center 4px;
}
#nav .activity{
    background: url(../image/241178404164140127.png) no-repeat center 4px;
}
#nav .activity.act, #nav li.act .activity{
    background: url(../image/639359484507244976.png) no-repeat center 4px;
}
#nav .cart{
    background: url(../image/732063338403183276.png) no-repeat center 4px;
}
#nav .cart.act, #nav li.act .cart{
    background: url(../image/226895571758919842.png) no-repeat center 4px;
}
#nav .user{
    background: url(../image/813166037873872304.png) no-repeat center 4px;
}
#nav .user.act, #nav li.act .user{
    background: url(../image/858726717850560239.png) no-repeat center 4px;
}
#nav a{
    color: #707070; display: block; padding-top: 30px; padding-bottom: 4px;
}

.con{font-size: 28px; text-align: center;}

.shadow{
    -webkit-box-shadow: 0px 4px 4px #dddcdc;
    box-shadow: 0px 4px 4px #dddcdc;
}

a.btn, button.btn, input.btn{
    border:1px solid #4390af; border-radius: 6px; background-color: #55abce;
    padding: 10px 0; display: block; margin: 0 10px;
    font-size: 16px; color: #fff; text-align: center;
}

a.btn.active{
	background-color: #3394bb;
}
.gray{
    color: #999;
}
.blue{
    color: #2af;
}
.green{
    color: #36A466;
}
.red{
    color: #FF0000;
}
.right{
    float: right;
}
.left{float: left;}
#header i#back{
    display: inline-block;
    position: absolute;
    bottom: 2px;
    left: 2px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url(../image/arrow-left.png) no-repeat center center;
    background-size: 24px;
    -webkit-background-size: 24px;
}
#header i#message{
    display: inline-block;
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url(../image/message.png) no-repeat center center;
    background-size: 24px;
    -webkit-background-size: 24px;
}
#header i#search{
	display:inline-block; position:absolute; bottom: 2px; left: 2px;
    width: 40px; height: 40px; text-indent: -9999px;
    background: url(../image/ic_action_search.png) no-repeat center center;
    background-size: 24px;
    -webkit-background-size: 24px;
}
/*align-items*/
.align-items{
    /*垂直居中*/  
  /*老版本语法*/
  -webkit-box-align: center; 
  -moz-box-align: center;
  /*混合版本语法*/
  -ms-flex-align: center; 
  /*新版本语法*/
  -webkit-align-items: center;
  align-items: center;
 
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    background-color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
   
}

